<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //惰性 
        // 每次都从下标[0] 检索 
        // 如何让它继续往后走   用修饰符  g 可以解决这个问题 


        // 贪婪
        // 尽可能多的去捕获 
        // 如何解决贪婪    后边+?



        // 贪婪  能拿多少 拿多少  尽可能的多
        // 惰性  能拿多少 拿多少  尽可能的少  

        //贪婪
        // *
        // +
        // ?
        //{n}
        //{n,}
        //{n,m}

        // 惰性 
          // *?
        // +?
        // ??
        //{n}?
        //{n,}?
        //{n,m}?

        // var reg = /<div.*>/
        // var str = '<div class="box" id="test"><span><p></p></span></div>'
        // console.log(reg.exec(str))

        //<div class="box" id="test"><span><p></p></span></div>
        
        // var reg = /<div.*?>/
        // var str = '<div class="box" id="test"><span><p></p></span></div>'
        // console.log(reg.exec(str))

        //<div class="box" id="test">
    
            
    </script>
</body>
</html>